<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>Document</title>
    <link rel="stylesheet" href="移动端页面.css">
</head>
<body>
    <div class="box">
        <!-- 主体内容 -->
        <section class="jq22-scrollView">
            <!-- 个人会员中心 -->
            <div class="jq22-head-chang">
                <!-- 小盒子 -->
                <div class="jq22-flex">
                    <!-- 头像 -->
                    <div class="jq22-user-img">
                        <img src="img/tx.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="jq22-flex-box">
                        <h2>个人会员中心</h2>
                    </div>
                    <!-- 每日签到 -->
                    <div class="jq22-btn">
                        <button>
                            <i class="icon icon-in"></i>每日签到
                        </button>
                    </div>

                </div>

            </div>

            <!-- 免费试用超级会员 -->
            <div class="jq22-head-top">
                <div class="jq22-flex">
                    <!-- 左图 -->
                    <div class="jq22-sml-img">
                        <img src="img/sd.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="jq22-flex-box">
                        <h3>
                            免费试用超级会员30天
                            <img src="img/ar.png" alt="">
                        </h3>
                        <p>可享95折专享价免邮费每日闪购等权益</p>
                    </div>
                    <!-- 时间 -->
                    <div class="jq22-day">
                        30<em>天</em>
                    </div>
                </div>
            </div>

            <!-- 我的订单 -->
            <div class="jq22-white-box">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h2>我的订单</h2>
                    </div>
                    <div class="jq22-arrow">
                        <span>查看全部</span>
                    </div>
                </div>
                <div class="jq22-palace">
                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-001.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待付款</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-002.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待发货</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-003.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>已发货</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-004.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>待评价</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-005.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>售后</h2>
                        </div>
                    </a>
                </div>
            </div>

            <!-- 我的钱包 -->
            <div class="jq22-white-box">
                <div  class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h2>我的钱包</h2>
                    </div>
                </div>
                <div class="jq22-palace jq22-palace-one">

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-text">
                            <p>
                                <em>￥</em>
                                0
                            </p>
                            <h2>回馈金</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-text">
                            <p> 12</p>
                            <h2>优惠券</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-text">
                            <p> 12</p>
                            <h2>积分</h2>
                        </div>
                    </a>
                    
                    <a href="" class="jq22-palace-grid">
                        <div class="jq22-palace-grid-text">
                            <p> 12</p>
                            <h2>红包</h2>
                        </div>
                    </a>
                    
                </div>
            </div>

            <!-- 会员俱乐部 -->
            <div class="jq22-white-box">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h2>会员俱乐部</h2>
                    </div>
                    <div class="jq22-arrow">
                        <span>普通用户</span>
                    </div>
                </div>
                <div class="jq22-palace">
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/i1.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>免费领礼券</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/i2.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>超值年购</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/i3.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>积分抽大奖</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/i4.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>99积分抢兑</h2>
                        </div>
                    </a>

                </div>
            </div>


            <!-- 我的服务 -->
            <div class="jq22-white-box jq22-white-box2">
                <div class="jq22-flex">
                    <div class="jq22-flex-box">
                        <h2>我的服务</h2>
                    </div>
                </div>
                <div class="jq22-palace">
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-010.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>拼团</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-011.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>众筹订单</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-012.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>邀请返利</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-013.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>我的甄选</h2>
                        </div>
                    </a>

                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-014.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>我的合伙人</h2>
                        </div>
                    </a>
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-015.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>优先购</h2>
                        </div>
                    </a>
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-016.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>地址</h2>
                        </div>
                    </a>
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-017.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>帮助与客服</h2>
                        </div>
                    </a>
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-018.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>商务合作</h2>
                        </div>
                    </a>
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-019.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>企业采购</h2>
                        </div>
                    </a>
                    <a href="" class="jq22-palace-grid2">
                        <div class="jq22-palace-grid-icon">
                            <img src="img/nav-020.png" alt="">
                        </div>
                        <div class="jq22-palace-grid-text">
                            <h2>设置</h2>
                        </div>
                    </a>
                </div>
            </div>
        </section>

        <!-- 底部 -->
        <footer class="jq22-footer jq22-footer-fixed">
            <a href="" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icons icon-loan"></i>
                </span>
                <span class="jq22-tabBar-item-text">
                    首页
                </span>
            </a>
            <a href="" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icons icon-credit"></i>
                </span>
                <span class="jq22-tabBar-item-text">
                    直播
                </span>
            </a>
            <a href="" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icons icon-ions"></i>
                </span>
                <span class="jq22-tabBar-item-text">
                    发现
                </span>
            </a>
            <a href="" class="jq22-tabBar-item ">
                <span class="jq22-tabBar-item-icon">
                    <i class="icons icon-car"></i>
                </span>
                <span class="jq22-tabBar-item-text">
                    购物车
                </span>
            </a>
            <a href="" class="jq22-tabBar-item jq22-tabBar-item-active">
                <span class="jq22-tabBar-item-icon">
                    <i class="icons icon-mine"></i>
                </span>
                <span class="jq22-tabBar-item-text">
                    我的
                </span>
            </a>
        </footer>
    </div>
</body>
</html>